// 左边找工作的内容
var navDay = document.querySelector(".nav");
var lefUl = navDay.getElementsByTagName("ul")[0]
var lebtn1 = navDay.getElementsByTagName("button")[0]
var span = navDay.getElementsByTagName("span")[0]
var lebtn2 = navDay.getElementsByTagName("button")[1]
var ln = 0


function romance() {
    if (ln == 0) {

        lebtn1.disabled = true
    } else {
        lebtn1.disabled = false
    }

    if (ln == jj1) {
        lebtn2.disabled = true
    } else {
        lebtn2.disabled = false
    }
    lefUl.innerHTML = `  
<li  data=${ln*7+ 0}>${myDayArr[ ln*7+ 0] == undefined ? "敬请期待" : myDayArr[ ln*7+ 0]}</li>       
<li  data=${ln*7+ 1}>${myDayArr[ ln*7+ 1] == undefined ? "敬请期待" : myDayArr[ ln*7+ 1]}</li>       
<li  data=${ln*7+ 2}>${myDayArr[ ln*7+ 2] == undefined ? "敬请期待" : myDayArr[ ln*7+ 2]}</li>       
<li  data=${ln*7+ 3}>${myDayArr[ ln*7+ 3] == undefined ? "敬请期待" : myDayArr[ ln*7+ 3]}</li>       
<li  data=${ln*7+ 4}>${myDayArr[ ln*7+ 4] == undefined ? "敬请期待" : myDayArr[ ln*7+ 4]}</li>
<li  data=${ln*7+ 5}>${myDayArr[ ln*7+ 5] == undefined ? "敬请期待" : myDayArr[ ln*7+ 5]}</li>    
<li  data=${ln*7+ 6}>${myDayArr[ ln*7+ 6] == undefined ? "敬请期待" : myDayArr[ ln*7+ 6]}</li>  `

}
romance(ln)
    //为每一个li 找工作的添加一个事件 用事件绑定
lefUl.onclick = function(e) {
    e.target.getAttribute("data")
    writerCon(e.target.getAttribute("data"))
}

//为左边的按钮添加功能
//下一页
lebtn2.onclick = function() {
        ln++
        romance(ln)
        span.innerHTML = "当前页为" + ln
    }
    //上一页
lebtn1.onclick = function() {
    ln--
    romance(ln)
    span.innerHTML = "当前页为" + ln
}

// 中间找工作的内容 中间  左边的
// 为content写内容
var content = document.querySelector(".content");
//为点击刷新内容 即渲染 内容
function writerCon(i) {
    //回到顶部 
    window.scroll(0, 0);
    content.innerHTML = `<h2>${myDayArr[i]==undefined?"敬请期待":myDayArr[i]} </h2>
             <span>编写时间：${timeArr[i]==undefined?"敬请期待":timeArr[i]} </span>
             <p>${myContArr[i]==undefined?"敬请期待。。。":myContArr[i]}</p>`;
}




// 为右面  写内容

var rigContent = document.getElementsByClassName("rigContent")[0]
var ul = rigContent.getElementsByTagName("ul")[0];
var rigbtn1 = rigContent.getElementsByTagName("button")[0];
var rigbtn2 = rigContent.getElementsByTagName("button")[1];
var rigspan = rigContent.getElementsByTagName("span")[0];
var cn = 0;


function xuanran() {
    rigspan.innerHTML = "当前是第：" + cn
    if (cn == 0) {

        rigbtn1.disabled = true
    } else {
        rigbtn1.disabled = false
    }

    if (cn == jj2) {
        rigbtn2.disabled = true
    } else {
        rigbtn2.disabled = false
    }
    ul.innerHTML = `  
<li  data=${cn*10+ 0}>${rigArr[ cn*10+ 0] == undefined ? "敬请期待1" : rigArr[ cn*10+ 0]}</li>       
<li  data=${cn*10+ 1}>${rigArr[ cn*10+ 1] == undefined ? "敬请期待1" : rigArr[ cn*10+ 1]}</li>       
<li  data=${cn*10+ 2}>${rigArr[ cn*10+ 2] == undefined ? "敬请期待1" : rigArr[ cn*10+ 2]}</li>       
<li  data=${cn*10+ 3}>${rigArr[ cn*10+ 3] == undefined ? "敬请期待1" : rigArr[ cn*10+ 3]}</li>       
<li  data=${cn*10+ 4}>${rigArr[ cn*10+ 4] == undefined ? "敬请期待1" : rigArr[ cn*10+ 4]}</li>
<li  data=${cn*10+ 5}>${rigArr[ cn*10+ 5] == undefined ? "敬请期待1" : rigArr[ cn*10+ 5]}</li>    
<li  data=${cn*10+ 6}>${rigArr[ cn*10+ 6] == undefined ? "敬请期待1" : rigArr[ cn*10+ 6]}</li> 
<li  data=${cn*10+ 7}>${rigArr[ cn*10+ 7] == undefined ? "敬请期待1" : rigArr[ cn*10+ 7]}</li> 
<li  data=${cn*10+ 8}>${rigArr[ cn*10+ 8] == undefined ? "敬请期待1" : rigArr[ cn*10+ 8]}</li> 
<li  data=${cn*10+ 9}>${rigArr[ cn*10+ 9] == undefined ? "敬请期待1" : rigArr[ cn*10+ 9]}</li> 
 `
}

xuanran(cn)


//为左边的按钮添加功能
//下一页
rigbtn2.onclick = function() {
        cn++
        xuanran(cn)
        span.innerHTML = "当前页为" + ln
    }
    //上一页
rigbtn1.onclick = function() {
    cn--
    xuanran(cn)
    span.innerHTML = "当前页为" + ln
}


// 为li绑定点击事件
ul.onclick = function(e) {
        //返回顶部

        e.target.getAttribute("data") // 他是为了获取点击的那个data的值 方便执行函数
        rigCont(e.target.getAttribute("data"))
    }
    // 渲染右边的 标题内容
function rigCont(i) {
    window.scroll(0, 0);
    content.innerHTML = `<h2>${riContent[i]==undefined?"敬请期待":riContent[i]} </h2>
           <span>编写时间：${rigtime[i]==undefined?"敬请期待":rigtime[i]} </span>
           <p>${riContent[i]==undefined?"敬请期待。。。":riContent[i]}</p>`
}